<template>
    <view class="container">
        <view class="content">
            <view class="title">用户服务协议</view>
            <!-- 这里粘贴你之前拟定的用户协议内容 -->
            <view v-html="agreementContent"></view>
        </view>
    </view>
</template>

<script>
export default {
    data() {
        return {
            agreementContent: `
                <h3>第一条 服务内容</h3>
                <p>本小程序向用户提供[车辆预约，工作餐预约等服务]。用户需授权必要信息方可使用完整服务。</p>
              
				<h3>第二条 用户权利义务</h3>
				<p>用户需保证所填信息真实有效，若信息变更应及时更新</p>
				<p>不得利用本程序从事违法活动或侵害他人权益</p>
				<p>用户需对账号密码安全负责，因泄露造成的损失自行承担</p>
				<h3>第三条 信息收集与授权</h3>
				<p>收集信息类型：手机号码、设备信息、使用行为数据等</p>
				<p>收集方式：用户主动填写、系统自动采集</p>
				<p>使用目的：账号注册、服务推送、安全验证、功能优化</p>
				<h3>第四条 服务变更与终止</h3>
				<p>我们保留调整服务内容的权利，若用户继续使用视为接受变更。用户可随时申请注销账号，注销后数据将按法规处理。</p>
				<h3>第五条 免责声明</h3>
				<p>因不可抗力、第三方服务故障导致的服务中断不承担责任。</p>
				<h3>第六条 协议生效</h3>
				<p>使用本程序即视为同意本协议，最新版本以页面公示为准。</p>
				
            `
        }
    }
}
</script>

<style>
.container {
    padding: 30rpx;
}

.title {
    font-size: 36rpx;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30rpx;
}

.content {
    line-height: 1.6;
    font-size: 28rpx;
}
</style>